
body {
  padding-bottom: 70px;
  height: 12.16rem;
  /*-webkit-text-size-adjust: 100%;*/
  /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
  /*-webkit-tap-highlight-color: transparent;*/
  /*-webkit-overflow-scrolling: touch;*/
  background: url('../../static/image/bg_1@2x.png') no-repeat top center;
  background-size: 100% 100%;
}
/*.title {*/
/*width: 100%;*/
/*height: 0.88rem;*/
/*font-size: 16px;*/
/*!*border: 1px solid red;*!*/
/*}*/

/*.title span {*/
/*display: block;*/
/*text-align: center;*/
/*line-height: 1rem;*/
/*}*/
.userSettingbg {
  position: fixed;
  top:-4.7rem;
  left:2rem;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url('../../static/image/Share.png') no-repeat center center;
  background-size: 40% 30%;
  z-index: 100000;
}
.userSet{
  position: fixed;
  top:-4.9rem;
  left:2rem;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url('../../static/image/Share.png') no-repeat center center;
  background-size: 40% 30%;
  z-index: 100000;
}
.User-bonus {
  width: 100%;
  height: 1.5rem;
}

.This-week-the-bonus {
  padding-top: .2rem;
  color: #fff;
  font-size: 18px;
}

.amount-of-bonus {
  padding-top: .1rem;
  color: #fff;
  font-size: 25px;
}

.count-down {
  width: 90%;
  height: 0.8rem;
  margin: 0 auto;
  margin-top: .4rem;
  background: url('../../static/image/kaijiang@2x.png')no-repeat;
  background-size: 100% 100%;
}

.count-down div {
  float: left;
}

.distance {
  width: 30%;
  height: 0.8rem;
}

.Countdown {
  width: 68%;
  height: 0.8rem;
}

.distance span {
  display: block;
  text-align: center;
  line-height: 0.8rem;
  font-size: 16px;
}

.Countdown div {
  float: left;
}

.Countdown-time {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 5px;
  margin-top: .1rem;
}

.background {
  background: #f0393f;
}

.background1 {
  background:#f0393f;
}

.background2 {
  background:#f0393f;
}

.three {
  color: #fff;
}

.twelve {
  color: #fff;
}

.twenty-one {
  color: #fff;
}

.day {
  color: red;
}

.chance {
  color: red;
}

.minute {
  color: red;
}

.distance span {
  color: red;
  font-size: 14px;
}
/*lllllllllllll*/
.Charade {
  width: 95%;
  height: 7.2rem;
  margin: 0 auto;
  background: url('../../static/image/bg_2@2x.png');
  background-size: 100% 100%;
}

.time-quantum {
  height:0.9rem;
  color: #fff;
  font-weight:600;
  text-align: center;
  line-height: 0.8rem;
}

.white-colour {
  color: #fff;
}

.writing {
  width: 80%;
  height: 0.9rem;
  margin: 0 auto;
  margin-top: 10px;
  background: url('../../static/image/bg_4@3x.png')no-repeat center 5px;
  background-size: 100% 100%;
  position: relative;
}

.The-second-sentence {
  background: url('../../static/image/bg-3@3x.png')no-repeat center 5px;
  background-size: 100% 100%;
}

.click {
  width: 80%;
  height: .5rem;
  margin: 0 auto;
  margin-top: 20px;
}

.field {
  display: block;
  text-align: center;
  line-height: 0.98rem;
  letter-spacing: .2rem;
}
.WeChat-login div {
  float: left;
}
.Login_applet {
  width: 1.28rem;
  font-size: 0.24rem;
  text-align: center;
  margin-right: 1rem;
  margin-left: 0.1rem;
}
.other_methods {
  font-size: 14px;
  text-align: center;
  color: #303030;
  margin-top: 0.28rem;
}
.Every_word {
  color: red;
}
.Official_Accounts {
  text-align: center;
  margin-top: 0.1rem;
  font-size:0.24rem
}
.Official_Accounts span {
  font-size: .24rem;
}
.examine {
  font-size: .24rem;
  color: red;
  text-decoration: underline;
}
.accomplish {
  width: 40%;
  /* border: 1px solid red; */
}

.off_the_stocks {
  width: .98rem;
  height: 0.48rem;
  background-color: #f03238;
  border-radius: 5px;
  font-size:0.24rem;
  margin-left: 0.4rem;
  color: #fff;
}
.off_the_stocks.ok{
  background-color: #ccc;
}
.off_the_stocks.ok{
  background-color: transparent;
  color: #999999;
}

.Puzzles-to-attend {
  text-align: center;
  width: 100%;
  height: 0.5rem;
  font-size: 18px;
}

.at-present {
  font-size: 16px;
  color: #999999;
  text-align: center;
}

.prior-period {
  width: 90%;
  height: 1.6rem;
  margin: auto;
  margin-top: 0.2rem;
  background: url('../../static/image/sq_bg.png');
  background-size: 100% 100%;
}

.last-time {
  font-size: 14px;
  padding-left: 10%;
  padding-top: 10px;
  color: red;
}

.acquisition {
  font-size: 16px;
  padding-left: 10%;
  color: red;
  margin-top: -0.08rem;
}

.acquisition span {
  color: red;
  font-weight: 700;
}

.Official-Accounts {
  font-size: 16px;
  padding-left: 10%;
  color: red;
  margin-top: -0.07rem;
}

.Official-Accounts a {
  text-decoration: none;
  font-weight: 700;
  color: red;
}
/* ................................................... */
/* 弹框样式 */
.black_overlay {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .50;
  filter: alpha(opacity=80);
}

.white_content {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width: 6.45rem;
  height: 5.94rem;
  background-color: white;
  z-index: 1002;
  border-radius: 12px;
}
.white_content_small {
  display: none;
  position: absolute;
  top: 20%;
  left: 30%;
  width: 40%;
  height: 50%;
  z-index: 1002;
  overflow: auto;
}
.cancel {
  width: 0.98rem;
  height: 0.98rem;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: -1.46rem;
  transform: translateX(-50%);
  color: #fff;
  font-size: 0.6rem;
  border: 2px solid #fff;
  border-radius: 50%;
}

.daily-mission {
  width: 100%;
  height: 1.08rem;
  line-height: 1.08rem;
  font-size: 0.31rem;
  background: url('../../static/image/bg.png');
  background-size: 100% 100%;
  color: #fff;
  text-align: center;
  border-radius: 12px 12px 0 0;
}

.WeChat-login {
  margin: 0.27rem auto 0;
  width: 5.28rem;
  height: .88rem;
  position: relative;
}
.WeChat-login:after{
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 1px;
  border: 1px solid #f03238;
  color: #f03238;
  height: 200%;
  border-radius: 44px 0px 0px 44px;
  transform-origin: left top;
  transform: scale(0.5);
}

.icon-imges {
  /*display: inline-block;*/
  width: 0.89rem;
  height: 0.89rem;
  /*border: 1px solid green;*/
  border-radius: 100%;
  position: relative;
  left:-0.05rem;
  background: yellow;
  z-index: 10;
}

.icon-imges img {
  width: 100%;
  height: 100%;
}

.login {
  display: inline-block;
}

/* ........................................ */
/* 底部样式 */
.fixed {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 0.93rem;
  z-index: 99;
}

.fixed p {
  float: left;
}

.transaction {
  width: 33.3%;
  height: 3rem;
  border-top: 2px solid #e4d281;
  border-left: 2px solid #e4d281;
  border-right: 2px solid #e4d281;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: -webkit-linear-gradient(bottom, #f0353b, #f46164);
}

.award a {
  display: block;
  color: #fff;
  text-align: center;
  line-height: 0.93rem;
  font-size: 18px;
}

.gain a {
  display: block;
  color: #fff;
  text-align: center;
  line-height: 0.93rem;
  font-size: 18px;
}

.Trade-line a {
  display: block;
  color: #fff;
  text-align: center;
  line-height: 0.93rem;
  font-size: 18px;
}

/* ................................................ */
/* 倒计时 */
.Final-Countdown {
  padding-top: 1rem;
  padding-left: .5rem;
  color: red;
}

/*...............................................*/
/*每日分享弹框样式*/
.Daily_share {
  width:3.2rem;
  height: 0.7rem;
  margin: 0 auto;
  /*border: 1px solid red;*/
}
.Daily_share div {
  float: left;
}
.Daily_share_img1 {
  width:0.74rem;
  height:0.7rem;
}
.Daily_share_Word {
  width:1.68rem;
  height: 0.7rem;
  font-size: 14px;
  padding-top: 0.2rem;
  text-align: center;
}
.Daily_share_img2 {
  width:0.74rem;
  height:0.7rem;
  /*border: 1px solid#ccc;*/
}
.green_character{
  margin: 0 auto;
  width:1.08rem;
  height: 1.08rem;
  border-radius: 0.1rem;
  margin-top: 0.5rem;
  text-align: center;
  font-size:35px;
  color: #fff;
}
.green_character.zise{
  /*background-color: #8B2FAA;*/
  /*border: 3px solid #F93AE2;*/
  background: url("../../static/image/zise_icon.png") no-repeat center center;
  background-size: 100% 100%;
}
.green_characterbox.blue{
  /*background-color: #00A4C7;*/
  /*border: 2px solid #04CEFF;*/
  background: url("../../static/image/lanse_icon.png") no-repeat center center;
  background-size: 100% 100%;
}
.green_character.green{
  /*background-color: #2CA975;*/
  /*border: 2px solid #4AD098;*/
  background: url("../../static/image/luse_icon.png") no-repeat center center;
  background-size: 100% 100%;
}
.green_character.white{
  /*background-color: #E0E0E0;*/
  /*border: 2px solid #E7E7E7;*/
  background: url("../../static/image/baise_bg.png") no-repeat center center;
  background-size: 100% 100%;
  color:#000;
}
/*.green_character.zise{*/
/*background-color: #8B2FAA;*/
/*border: 2px solid #F93AE2;*/
/*}*/
/*.green_character.blue{*/
/*background-color: #00A4C7;*/
/*border: 2px solid #04CEFF;*/
/*}*/
/*.green_character.green{*/
/*background-color: #2CA975;*/
/*border: 2px solid #4AD098;*/
/*}*/
/*.green_character.white{*/
/*background-color: #E0E0E0;*/
/*border: 2px solid #E7E7E7;*/
/*color:#000*/
/*}*/
.Share_to_watch {
  height: 0.88rem;
  /*border: 1px solid red;*/
  margin-top: 0.2rem;
}
.Share_to_watch div {
  float:left;
}
.flaunt {
  width: 2.88rem;
  height: 0.88rem;
  background: red;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  line-height: 0.88rem;
  margin-left: 0.24rem;
  font-size: 16px;
}
.Watch_the_video {
  width: 2.88rem;
  height: 0.88rem;
  background: red;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  line-height: 0.88rem;
  margin-left: 0.24rem;
  font-size: 16px;
}
.Share_and_watch {
  height: 0.5rem;
  /*border: 1px solid red;*/
  margin-top: 0.5rem;
  text-align: center;
  line-height: 0.5rem;
}
/*...................................................*/
/*倒计时弹框*/
.white_content_sale_ok{
  position: fixed;
  top:55%;
  left:50%;
  transform: translate(-50%,-50%);
  background: url('../../static/image/qianbao.png') no-repeat center center;
  background-size: 100% 100%;
  border-radius: 10px;
  width: 6.54rem;
  height: 7.55rem;
  z-index: 10011;
  padding-bottom: 0.52rem;
  /*opacity: 0.2;*/
}
.white_content_join_ok{
  background: url('../../static/image/join_ok.png') no-repeat center center;
  background-size:100% 100%
}
.cancel {
  width: 0.98rem;
  height: 0.98rem;
  text-align: center;
  position: absolute;
  left: 50%;
  top: -1.2rem;
  transform: translateX(-50%);
  color: #fff !important;
  font-size: 0.6rem;
  border: 2px solid #fff;
  border-radius: 50%;
  /*opacity: 0.5;*/
  /*filter: progid:DXImageTransform.Microsoft.alpha(opacity=50);*/
}
.sell_money {
  width:2.5rem;
  height: 1rem;
  margin: 0 auto;
  margin-top: 3rem;
  text-align: center;
  color: red;
  line-height: 1rem;
}
.sell_money span {
  font-size: 40px;
}
.Share_to_show_off {
  height:0.76rem;
  margin-top: 1.2rem;
}
.Share_to_show_off div {
  float: left;
}

.flaunt1 {
  width: 2.58rem;
  height: 0.76rem;
  background: url('../../static/image/sharebtn.png') no-repeat center center;
  background-size: 100% 100%;
  margin-left: 0.47rem;
  color: red;
  text-align: center;
  line-height: 0.76rem;
  font-size: 16px;
}
.video_frequency {
  width: 2.58rem;
  height: 0.76rem;
  background: url('../../static/image/sharebtn.png') no-repeat center center;
  background-size: 100% 100%;
  margin-left: 0.4rem;
  text-align: center;
  line-height: 0.76rem;
  font-size: 16px;
  color:red;
}
.probability {
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin-top: 0.5rem;
}
/*读秒关闭样式*/
